<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no, minimal-ui">
	<meta http-equiv="x-dns-prefetch-control" content="on">
	<link rel="dns-prefetch" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com">
	<title>校园安全物防驾驶舱</title>
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.css?v=2025071903">
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.css?v=2025071903">



	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/vue/vue.min.js?v=2025071903"></script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/jquery/jquery-3.7.1.min.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-global-func.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.js?v=2025071903"></script>

	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/library-ant-design-vue.css?v=2025071903">
	<link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.css?v=2025071903">
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-pass-big-screen.css?v=2025071903">
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts@5.4.3.js?v=2025071903"></script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts-gl@2.0.8.min.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/china_json.js?v=2025071903"></script>

	<style>
		[v-cloak] {
			display: none !important;
		}

		.antdVue {
			position: relative;
			width: 100%;
			width: 100%;
			background: rgba(8, 18, 30, 1);
			background-size: 100% 100% !important;
			padding-top: 20px;
			min-height: 100px;
		}

		.zoom_bg_color {
			background: #fff;
		}

		#antdVue .wufang_mobile_adapter_698_random_flex_0 {
			min-height: 100px;
		}

		#antdVue .wufang_mobile_adapter_280_random_fd0_1_c1_c0 {
			text-align: left;
			--header-bg: rgba(34, 45, 73, 1);
			--header-text-color: rgb(255, 255, 255);
			--header-text-font-size: 16px;
			--row-even-bg: rgba(34, 45, 73, 1);
		}

		#antdVue .wufang_mobile_adapter_769_fd0_1_c1 {
			width: 90%;
			height: 264px;
		}

		#antdVue .wufang_mobile_adapter_775_random_fd0_0_c2_c3_c0_c0 {
			color: rgba(253, 43, 43, 1);
		}

		#antdVue .wufang_mobile_adapter_391_random_fd0_0_c2_c1_c0_c0 {
			color: rgba(251, 147, 34, 1);
		}

		#antdVue .wufang_mobile_adapter_816_fd0_0_c2_c0_c1 {
			width: 30px;
			height: 3px;
			border-radius: 0px 0px 0px 0px;
			margin: 4px 0px 6px 0px;
		}

		#antdVue .wufang_mobile_adapter_212_random_fd0_0_c2_c0_c0_c0 {
			color: rgba(49, 227, 83, 1);
		}

		#antdVue .wufang_mobile_adapter_831_fd0_0_c1_c0 {
			border-radius: 0px 0px 0px 0px;
			margin: 40px 0px 16px 0px;
		}

		#antdVue .wufang_mobile_adapter_520_fd0_0_c1 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/403794ea3263df15905c4b233082020b83d0.png) no-repeat;
			width: 180px;
			height: 180px;
			margin: 25px 0px 25px 0px;
		}

		#antdVue .wufang_mobile_adapter_531_fd0_0_c0_c1 {
			color: rgba(238, 238, 238, 1);
			margin: 0px 0px 0px 24px;
		}

		#antdVue .wufang_mobile_adapter_765_fd0_0_c0_c0 {
			width: 8px;
			height: 32px;
			border-radius: 0px 0px 0px 0px;
		}

		#antdVue .wufang_mobile_adapter_263_fd0_0_c0 {
			height: 50px;
		}

		#antdVue .wufang_mobile_adapter_772_fd0_0 {
			border: 0px solid #6B7574;
			background: #132034;
			margin: 0px auto 24px auto;
			width: 90%;
			padding: 0px 0px 16px 0px;
		}

		#antdVue .benben-iframe-box {
			left: 0;
			top: 0;
		}
	</style>
</head>
<body>
	<div id="antdVue" :style="themeColorInit(themeColorConfig)" style="width:100%; height:100%;">
		<div class="antdVue SPECIAL_EFFECT_FULL_SCREEN_WRAPPER" v-cloak>

			<input type="hidden" id="hidden_field_user_token" value="">
			<input type="hidden" id="hidden_field_member_id" value="">
			<input type="hidden" id="hidden_field_alias" value="">
			<input type="hidden" id="hidden_field_aid" value="">
			<input type="hidden" id="hidden_field_roles" value="">
			<input type="hidden" id="web_url_oss" value="https://ttk-saas.oss-cn-beijing.aliyuncs.com">

			<benben-screen-global-filter @chart_get_page="chart_get_page"></benben-screen-global-filter>




			<div class="flex benben-flex-layout  flex-wrap  wufang_mobile_adapter_698_random_flex_0 w-100">
				<div class="flex flex-direction align-center wufang_mobile_adapter_772_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center wufang_mobile_adapter_263_fd0_0_c0 w-100">
						<img class='wufang_mobile_adapter_765_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="wufang_mobile_adapter_531_fd0_0_c0_c1 t-18 t-w-5">设备概览</span>

					</div>
					<div class="flex flex-direction align-center wufang_mobile_adapter_520_fd0_0_c1 bg-size-auto">
						<img class='wufang_mobile_adapter_831_fd0_0_c1_c0 w-20-px h-20-px'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037a4f258a1e0a5277ae893fa9f6c6bbe1f.png'" />
						<div class="flex align-center justify-center  w-100 f-c-3 h-40-px">
							<!-- <span class="t-40 t-w-7"  >77</span> -->

							<benben-light-text class='light-text  t-40 f-c-fff' data_source_type="4"
								chart_show_type="simple-text"
								:global_charts_data_props="global_charts_data['chart_data_19']" :is_abs="false">

							</benben-light-text>

							<span class="t-16">个</span>

						</div>
						<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
							<span class="f-c-3 t-16">设备总数</span>

						</div>

					</div>
					<div class="flex align-center  w-100">
						<div class="flex flex-wrap align-center justify-center  w-25">
							<div class="flex flex-wrap align-center justify-center  w-100">

								<benben-light-text
									class='light-text wufang_mobile_adapter_212_random_fd0_0_c2_c0_c0_c0 t-20'
									data_source_type="4" chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_18']" :is_abs="false">

								</benben-light-text>


							</div>
							<img class='wufang_mobile_adapter_816_fd0_0_c2_c0_c1'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037e06663355fb4025f0709185d553e1c56.png'" />
							<div class="flex flex-wrap align-center justify-center  w-100">
								<span class="f-c-fff t-12">在线设备</span>

							</div>

						</div>
						<div class="flex flex-wrap align-center justify-center  w-25">
							<div class="flex flex-wrap align-center justify-center  w-100">

								<benben-light-text
									class='light-text wufang_mobile_adapter_391_random_fd0_0_c2_c1_c0_c0 t-20'
									data_source_type="4" chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_20']" :is_abs="false">

								</benben-light-text>


							</div>
							<img class='wufang_mobile_adapter_816_fd0_0_c2_c0_c1'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037e06663355fb4025f0709185d553e1c56.png'" />
							<div class="flex flex-wrap align-center justify-center  w-100">
								<span class="f-c-fff t-12">离线设备</span>

							</div>

						</div>
						<div class="flex flex-wrap align-center justify-center  w-25">
							<div class="flex flex-wrap align-center justify-center  w-100">

								<benben-light-text
									class='light-text wufang_mobile_adapter_212_random_fd0_0_c2_c0_c0_c0 t-20'
									data_source_type="4" chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_22']" :is_abs="false">

								</benben-light-text>


							</div>
							<img class='wufang_mobile_adapter_816_fd0_0_c2_c0_c1'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037e06663355fb4025f0709185d553e1c56.png'" />
							<div class="flex flex-wrap align-center justify-center  w-100">
								<span class="f-c-fff t-12">正常运行</span>

							</div>

						</div>
						<div class="flex flex-wrap align-center justify-center  w-25">
							<div class="flex flex-wrap align-center justify-center  w-100">

								<benben-light-text
									class='light-text wufang_mobile_adapter_775_random_fd0_0_c2_c3_c0_c0 t-20'
									data_source_type="4" chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_21']" :is_abs="false">

								</benben-light-text>


							</div>
							<img class='wufang_mobile_adapter_816_fd0_0_c2_c0_c1'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037e06663355fb4025f0709185d553e1c56.png'" />
							<div class="flex flex-wrap align-center justify-center  w-100">
								<span class="f-c-fff t-12">故障设备</span>

							</div>

						</div>

					</div>

				</div>
				<div class="flex flex-direction align-center wufang_mobile_adapter_772_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center wufang_mobile_adapter_263_fd0_0_c0 w-100">
						<img class='wufang_mobile_adapter_765_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="wufang_mobile_adapter_531_fd0_0_c0_c1 t-18 t-w-5">物防设备概览</span>

					</div>
					<div
						class="flex  flex-wrap align-center wufang_mobile_adapter_769_fd0_1_c1 mg-t-20 mg-r-0 mg-b-0 mg-l-0">

						<big-screen-custom-table class='wufang_mobile_adapter_280_random_fd0_1_c1_c0 t-12 f-c-fff'
							data_source_type="2" :data_source_field_name="table1" chart_show_type="big_screen_table"
							:new_width="true" width="100%" height="100%" :show_num="5" sort_order="desc"
							sort_field="index" sort_name="序号" :sort_width="20" select_field="" :show_progress="false"
							:theme_color="theme_color_9025" play_type="one_num" :interval="5" :delay="3"
							:show_header="true" :head_height="44" :row_gutter="10"
							:column_config="[{'size':14,'color':'rgba(255, 255, 255, 1)','width':60},{'size':14,'color':'rgba(255, 255, 255, 1)','width':40}]">
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="one">
								<span class="f-c-3">1</span>

							</div>
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="two">
								<span class="f-c-3">2</span>

							</div>
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="three">
								<span class="f-c-3">3</span>

							</div>
							<template v-slot:other="{index}">
								<div class="flex align-center self-center justify-center  w-100 h-100 t-14 t-ct">
									<div class="flex flex justify-center align-center  w-100">
										<span class="w-100 f-c-3 t-ct">{{index}}</span>

									</div>

								</div>
							</template>

						</big-screen-custom-table>


					</div>

				</div>
				<div class="flex flex-direction align-center wufang_mobile_adapter_772_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center wufang_mobile_adapter_263_fd0_0_c0 w-100">
						<img class='wufang_mobile_adapter_765_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="wufang_mobile_adapter_531_fd0_0_c0_c1 t-18 t-w-5">消防设备概览</span>

					</div>
					<div
						class="flex  flex-wrap align-center wufang_mobile_adapter_769_fd0_1_c1 mg-t-20 mg-r-0 mg-b-0 mg-l-0">

						<big-screen-custom-table class='wufang_mobile_adapter_280_random_fd0_1_c1_c0 t-12 f-c-fff'
							data_source_type="2" :data_source_field_name="table3" chart_show_type="big_screen_table"
							:new_width="true" width="100%" height="100%" :show_num="5" sort_order="desc"
							sort_field="index" sort_name="序号" :sort_width="20" select_field="" :show_progress="false"
							:theme_color="theme_color_9043" play_type="one_num" :interval="5" :delay="3"
							:show_header="true" :head_height="44" :row_gutter="10"
							:column_config="[{'size':14,'color':'rgba(255, 255, 255, 1)','width':60},{'size':14,'color':'rgba(255, 255, 255, 1)','width':40}]">
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="one">
								<span class="w-100 t-ct f-c-3">1</span>

							</div>
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="two">
								<span class="t-ct w-100 f-c-3">2</span>

							</div>
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="three">
								<span class="w-100 t-ct f-c-3">3</span>

							</div>
							<template v-slot:other="{index}">
								<div class="flex align-center self-center justify-center  w-100 h-100 t-14">
									<div class="flex flex justify-center align-center  f-c-3">
										<span>{{index}}</span>

									</div>

								</div>
							</template>

						</big-screen-custom-table>


					</div>

				</div>

			</div>



		</div>
	</div>
</body>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.min.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.zh-cn.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.min.js?v=2025071903">
</script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vue-dash-event@1.0.1.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-generate-big-screen-new.js?v=2025071903">
</script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/ajax/axios.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/u-charts.js?v=2025071903"></script>
<script>
	let chart_ids = "";
	let chart_data_ids = "21,22,20,18,19";
	let global_charts_data = {
		"chart_data_21": null,
		"chart_data_22": null,
		"chart_data_20": null,
		"chart_data_18": null,
		"chart_data_19": null
	};
	const themeColorConfig = {
		"presetApi": {
			"getClassifyOne": "",
			"getClassifyTow": "",
			"getClassifyShop": ""
		},
		"themeType": 0,
		"themeConfig": [{
			"colorConfig": ["#333333", "#666666", "#999999", "#ffffff", "#0052c7", "#F02325", "#FC9C3A",
				"#4DC777", "#F2CC98", "#F2CC66"
			],
			"bgColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#FC9fff", "#E6F333", "#E6F1FE",
				"linear-gradient(301deg, #EBBA7B 0%, #F8D9AD 100%)",
				"linear-gradient(180deg, #F5588E 0%, #F0403C 100%)",
				"linear-gradient(179deg, #FFD033 0%, #F4890E 100%)"
			],
			"bdColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#333333", "#666666", "#999999",
				"#dddddd", "#1178F0", "#F02325"
			]
		}]
	};
	const {
		LocaleProvider,
		locales,
		message,
		Modal
	} = window.antd;
	Vue.prototype.$message = message
	Vue.use(window['vue-dash-event'])
	var user_token = $('#hidden_field_user_token').val();
	var public_headers = {
		'user-token': user_token
	}

	var member_id = $('#hidden_field_member_id').val();
	var hidden_field_alias = $('#hidden_field_alias').val();
	var hidden_field_aid = $('#hidden_field_aid').val();
	var hidden_field_roles = $('#hidden_field_roles').val();
	var web_url_oss = $('#web_url_oss').val();
	public_headers['user-token'] = getUrlKey('token')
	console.log(111)
	console.log(getUrlKey('token'))
	var member_id = $('#hidden_field_member_id').val();
	member_id = '4037'
	baseURL = 'https://yufabu.saizhuge.net'


	const AD_MANGER = new Vue({
		el: '#antdVue',
		mixins: [bigScreenMixins],
		data() {
			receive(this);
			return {
				chart_ids,
				chart_data_ids,
				global_charts_data,
				themeColorConfig,
				locale: locales[lang_to_antd[current_lang]],
				"theme_color_9043": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2",
					"#FC658A"
				],
				"theme_color_9025": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2",
					"#FC658A"
				],
				"current_index": "0",
				"iframe_list": [],
				"Timer": {},
				"total": 1,
				"isFullScreen": false,
				"big_screen_global_query": {
					"screen_global_time_range_type": "5",
					"screen_global_time_custom_time": "",
					"screen_global_dept": "",
					"screen_global_user": "",
					"diy_api_time": ""
				},
				"saizhuge_api_loaded": false,
				"sbgl": [{
					"name": "",
					"nuber": ""
				}, {
					"name": "",
					"nuber": ""
				}, {
					"name": "",
					"nuber": ""
				}],
				"pass_request_data": {
					"sort_field": "",
					"sort_type": "desc"
				},
				"wfinfo": [],
				"pass_request_data1": {
					"sort_field": "",
					"sort_type": "desc"
				},
				"xfsbinfo": [],
				"pass_request_data2": {
					"sort_field": "",
					"sort_type": "desc"
				},
				"table3": {},
				"table1": {},
				"theme_color_1257": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2"],
				"viewSource": "PC",
				"big_screen_global_config": {
					"is_screen_global_time": false,
					"is_screen_global_dept": false,
					"is_screen_global_user": false
				},
				"big_screen_color": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2",
					"#FC658A"
				]
			};
		},
		components: {},
		computed: {

		},
		created() {
			if (getUrlKey('viewSource')) {
				this.viewSource = getUrlKey('viewSource');
			}
			this.getcf87f5575159fb()
			this.getiu8803c2c06dfa()
		},
		mounted() {


		},
		beforeDestroy() {

		},
		watch: {

		},
		methods: {
			isEmpty,

			//自动轮播展示页面
			change_page() {
				var that = this;
				that.Timer = setInterval(function() {
					that.$refs['iframeBox_' + that.current_index][0].contentWindow.postMessage({
						ident: 'open_mute',
						open: false
					}, '*')
					that.current_index = (that.current_index + 1) % that.iframe_list.length;
					console.log(that.current_index, 'that.current_index')
					that.$refs['iframeBox_' + that.current_index][0].contentWindow.postMessage({
						ident: 'open_mute',
						open: true
					}, '*')
					that.total += 1;
				}, 10000)
			},
			//获取轮播页面列表
			get_url_list() {
				this.iframe_list = []
				//this.iframe_list =[{"url":" /spread/general/index?view_name=shujuzichanjiankongjiashicang","dapingzhuti":"领导驾驶舱"},
				//{"url":" /spread/general/index?view_name=jiaoxuegaikuangjiashicang","dapingzhuti":"教学概况驾驶舱"}];

				this.change_page()
			},
			//清除轮播计时器
			clearTimerFunc() {
				if (this.Timer) {
					clearInterval(this.Timer)
					this.Timer = null
				}
			},
			//统一获取自定义接口
			get_diy_api_page() {

			},
			//查询物防设备-校园安全物防驾驶舱
			getcf87f5575159fb() {


				commonAjax({
					type: 'GET',
					url: baseURL + '/api/m' + member_id + '/687f5575159fb',
					data: {
						sort_field: this.pass_request_data1.sort_field,
						sort_type: this.pass_request_data1.sort_type
					},
					dataType: 'json',
					abortType: 0,

					success: (res) => {
						if (res.code != 1) {
							this.$message.info(res.msg);
							return
						}
						let infowfinfo = res;
						var table_data = res.data.map((item, indexs) => {
							item.subsys = item.wzmc
							item.module = item.ldxx_ldmc
							return item
						})
						this.table1 = {
							table_title: [{
								"name": "设备名称",
								"prop": "subsys"
							}, {
								"name": "所处位置",
								"prop": "module"
							}],
							table_data
						}


					}

				})

			},
			//查询消防设备管理-校园安全物防驾驶舱
			getiu8803c2c06dfa() {

				commonAjax({
					type: 'GET',
					url: baseURL + '/api/m' + member_id + '/68803c2c06dfa',
					data: {
						sort_field: this.pass_request_data2.sort_field,
						sort_type: this.pass_request_data2.sort_type
					},
					dataType: 'json',
					abortType: 0,

					success: (res) => {
						if (res.code != 1) {
							this.$message.info(res.msg);
							return
						}
						let infoxfsbinfo = res;
						var table_data = res.data.map((item, indexs) => {
							item.subsys = item.device_type_name
							item.module = item.floor_name + item.floor_num_name
							return item
						})

						console.log(this.table1)

						this.table3 = {
							table_title: [{
								"name": "设备名称",
								"prop": "subsys"
							}, {
								"name": "所处位置",
								"prop": "module"
							}],
							table_data
						}



					}

				})

			}
		}
	});
</script>
